<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:t="http://hotelmanager.com/tags">
<ui:component>
    <body>
    <table class="component_class">
    <tr align="left">
        <td  valign="top" rowspan="2" width="100px">
            <h:graphicImage value ="#{Image}"/>
        </td>

        <td  valign="top"  width="30%" >
            <h:outputLabel styleClass="table_headers" value="#{t:localized('ROOM_NUM')}:" />
            <h:outputLabel value="#{RoomNum}"/><br/>
            <h:outputLabel styleClass="table_headers" value="#{t:localized('STYLE')}:"/>
            <h:outputLabel value="#{Style}" /><br/>
            <h:outputLabel styleClass="table_headers" value="#{t:localized('STATUS')}:"/>
            <h:outputLabel styleClass="#{Status == '1' ? 'green' : ''}#{Status == '2' ? 'red' : ''}#{Status == '3' ? 'yellow' : ''}" value="#{Status_Desc}"/>
        </td>

        <td  valign="top"  width="30%">
            <h:outputLabel styleClass="table_headers" value="#{t:localized('CNT_OF_ROOMS')}:"/>
            <h:outputLabel value="#{Rooms}"/><br/>
            <h:outputLabel styleClass="table_headers" value="#{t:localized('PLACES')}:"/>
            <h:outputLabel value="#{Places}"/><br/>
         </td>

        <td align="right" valign="top" width="20%">
            <h:outputLabel styleClass="table_headers" value="#{t:localized('COAST')}:"/>
            <h:outputLabel value=" #{Cost}"/>
        </td>
     </tr>     
     <tr>
         <td align="left" colspan="2" valign="bottom">
             <h:selectManyCheckbox  styleClass="yellow" readonly="true">
                 <f:selectItem itemLabel="Reserved" itemValue="Reserved" itemDisabled="true"/>
                 <f:selectItem itemLabel="End term" itemValue="End term" itemDisabled="true" styleClass="red"/>
             </h:selectManyCheckbox>
         </td>
         <td align="right" valign="bottom" width="20%">
             <div class="Button">
                 <h:commandLink value ="#{t:localized('BTN_DETAILS')}" action="#{RoomDetails.InitRoomDetails(result)}">
                  <f:param name="selectedRoomNum" value="#{RoomNum}" />
                 </h:commandLink>
             </div>
         </td>
    </tr>
   </table>
   </body>
</ui:component>
</html>